﻿
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="business portfolio site template" />
<meta name="keywords" content="business, marketing, corporate, app, software, marketing"/>
<meta name="author" content="Tansh" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>Grepfrut by Tansh</title>

<!--Fav and touch icons-->
<link rel="shortcut icon" href="/img/icons/favicon.ico">
<link rel="apple-touch-icon" href="/img/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/icons/apple-touch-icon-114x114.png">

<!--google web font-->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'>

<!--style sheet-->
<link rel="stylesheet" media="screen" href="/css/bootstrap.css"/>
<link rel="stylesheet" media="screen" href="/css/bootstrap-responsive.css"/>
<link rel="stylesheet" media="screen" href="/css/style.css"/>

<!--jquery libraries / others are at the bottom-->
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
<script src="/js/modernizr.js" type="text/javascript"></script>

<!--prettyphoto scripts starts-->
<link rel="stylesheet" media="screen" href="/css/prettyPhoto.css"/>
<script src="/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('a[data-rel]').each(function () {
            $(this).attr('rel', $(this).data('rel'));
        });
        $("a[rel^='prettyPhoto[gallery1]']").prettyPhoto({
            animation_speed: 'fast',
            slideshow: 5000,
            autoplay_slideshow: false,
            opacity: 0.80,
            show_title: false,
            theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
            overlay_gallery: false,
            social_tools: false,
            changepicturecallback: function () {
                var $pp = $('.pp_default');
                if (parseInt($pp.css('left')) < 0) {
                    $pp.css('left', 0);
                }
            }
        });
    });
</script>
<!--prettyphoto scripts ends-->

<!--flexslider scripts starts-->
<link rel="stylesheet" media="screen" href="css/flexslider.css"/>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).load(function () {
        //Image Slider
        $('.image-slider').flexslider({
            animation: "fade",
            slideshowSpeed: 4000,
            animationDuration: 500,
            controlNav: false,
            keyboardNav: true,
            directionNav: true,
            pauseOnHover: true,
            pauseOnAction: true
        });
    });
</script>
<!--flexslider scripts ends-->

</head>
<body>
<!-- header starts
================================================== -->
<div id="top">
        <div class="container clearfix">
            <div class="grid_12">
                <div style="float: left">
                    Welcome !
                </div>
                <div style="float: right">
                    <a href="/Customer/signup.aspx" id="a_signup" runat="server">Create an account</a>&nbsp;|&nbsp;<a
                        href="/Customer/signin.aspx">Already have an account?</a></div>
            </div>
        </div>
    </div>
    <!-- Top header ends
================================================== -->
    <!-- header starts
================================================== -->
   <section id="header" class="clearfix">
  <div class="container">
    <div class="row"> 
      
      <!--logo starts-->
      <div class="span4 logo"><a href="/index.html"><img id="camintel" src="/img/logo.png" style="height:63px; width:243px" alt="logo"></a></div>
      <!--logo ends-->
      
      <div class="span8 clearfix"> 
        
        <!--social starts-->
        <!--social ends--> 
        
        <!--menu starts-->
        <div id="smoothmenu" class="ddsmoothmenu">
          <ul>
            <li><a href="/Index.html">HOME</a></li>
            <li><a href="/Services.html" class="selected" >SERVICES</a></li>
            <li>
                <a href="/Solutions.html" >SOLUTIONS</a>
             </li>
             <li>
                <a href="/News.html">News</a>
            </li>
            <li>
                <a href="#">ABOUT</a>
                <ul>
                    <li><a href="/About.html">TEAM</a></li>
                    <li><a href="/Careers.html">CAREERS</a></li>
                    <li><a href="/Support.html">SUPPORT</a></li>
                    <li><a href="/Location.html">LOCATION</a></li>
                    <li><a href="/Contact.html">CONTACT</a></li>
                </ul>
             </li>
            <li><a href="/Partners.html">PARTNERS</a></li> 
          </ul>
        </div>
        <!--menu ends--> 
        
      </div>
    </div>
  </div>
</section>
<!-- header ends
================================================== --> 

<!-- header-btm starts
================================================== -->
<section id="header-btm" class="clearfix">
  <div class="container">
    <div class="row">
      <div class="span12">
        <h4 class="heading-icon"> <img src="img/icons/heading-icon-1.png" width="40" height="40" alt="icon"  class="icon-small-bg"> Services</h4>
      </div>
    </div>
  </div>
</section>
<!-- header-btm ends
================================================== --> 

<!-- content starts
================================================== -->
<section id="content" class="clearfix">
  <div class="container"> 
    
    <!--features starts-->
    <div class="row">
      <div class="span12">
        <h1>What makes <span class="color">Us</span> so special?</h1>
         <div class="spacer-10px"></div>
        <!--feature list starts-->
        <ul class="list-4col features-small">
          <li>
            <h5><img src="img/icons/icon-32-airplane.png" alt="icon"> Hardware</h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
          <li>
            <h5><img src="img/icons/icon-32-chart.png" alt="icon"> Daily Analysis </h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
          <li>
            <h5><img src="img/icons/icon-32-clock.png" alt="icon"> 24 X 7 support</h5>
              We have offices around the global, and we can provide the 24 x 7 support when 
              you needed and where you needed. </li>
          <li>
            <h5><img src="img/icons/icon-32-cloud.png" alt="icon"> Cloud Software</h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
          <li>
            <h5><img src="img/icons/icon-32-create.png" alt="icon"> Create and enjoy</h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
          <li>
            <h5><img src="img/icons/icon-32-flag.png" alt="icon"> Win-win solution</h5>
              For every problem there is a solution, that&#39;s the reason we think for our 
              customers and partners to achieve the win-win solution </li>
          <li>
            <h5><img src="img/icons/icon-32-tag.png" alt="icon"> Private bookmarking</h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
          <li>
            <h5><img src="img/icons/icon-32-umbrella.png" alt="icon"> Special protection</h5>
            Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. </li>
        </ul>
        <!--feature list ends--> 
        
      </div>
    </div>
    <!--features ends--> 
    
    <!--divider here-->
    <div class="spacer-40px"></div>
    
    <!--row starts-->
    <div class="row"> 
      
      <!--column one starts-->
      <div class="span6">
        <h4 class="heading-icon clearfix"><img src="img/icons/heading-icon-2.png" width="40" height="40" alt="icon" class="icon-small-bg"> Very powerful options built right in</h4>
        <p>Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.</p>
        
        <!--nested columns / half width list starts-->
        <div class="row">
          <ul class="span3 list-checkmark">
            <li>Easy to use lorem interface</li>
            <li>Cost effective ipsum amet </li>
            <li>Clean layout for lorem</li>
          </ul>
          <ul class="span3 list-checkmark">
            <li>24x7 support on sit amet</li>
            <li>Instant updation sit</li>
            <li>Visually appealing dolor</li>
          </ul>
          <!--nested columns ends--> 
          
        </div>
        <a href="#">Learn more &raquo;</a> </div>
      <!--column one ends--> 
      
      <!--column two / flexslider starts-->
      <div class="span6">
        <div class="flexslider image-slider clearfix">
          <ul class="slides">
            <li><img src="img/preview/tab-slide1.png" alt="slide"></li>
            <li><img src="img/preview/tab-slide3.png" alt="slide"></li>
            <li><img src="img/preview/tab-slide4.png" alt="slide"></li>
            <li><img src="img/preview/tab-slide5.png" alt="slide"></li>
          </ul>
        </div>
      </div>
      <!--column two / flexslider ends--> 
      
    </div>
    <!--row ends--> 
    
    <!--divider here-->
    <div class="spacer-40px"></div>
    
    <!--box starts-->
   
    <!--box ends--> 
    
  </div>
</section>
<!-- content ends
================================================== --> 

<!-- footer starts
================================================== -->

<!-- footer ends
================================================== --> 

<!-- copyright starts
================================================== -->
 <section id="copyright" class="clearfix">
  <div class="container">
    <div class="row">
      <div class="span12">
        <p> © Copyright 2013 CAMINTEL Group, LLC</p>
        
        <!--copyright menu starts-->
        <ul class="copyright-menu">
          <li><a href="/Index.html">Home</a></li>
          <li><a href="/TermsOfUse.html" target="_blank">Terms of Use</a></li>
          <li><a href="/Privacy.html" target="_blank">Privacy Policy</a></li>
          <li><a href="/About.html">Company</a></li>
          <li><a href="/Partners.html">Partners</a></li>
          <li><a href="/Contact.html">Contact Us</a></li>
        </ul>
        <!--copyright menu ends--> 
        
      </div>
    </div>
  </div>
</section>
    <!-- copyright ends
================================================== -->
    <!--other jqueries required-->
    <script src="/js/bootstrap.js" type="text/javascript"></script>
    <script src="/js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="/js/twitter.js" type="text/javascript"></script>
    <script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="/js/custom.js" type="text/javascript"></script>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-36671461-1']);
        _gaq.push(['_setDomainName', 'camintelgroup.com']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

</script>
</body>
</html>